<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>X</title>

    {include file='/_template/head/head.mobile.html'}

    <script src="https://mat1.gtimg.com/www/asset/lib/jquery/jquery/jquery-1.11.1.min.js?__v=0"
            charset="utf-8"></script>
    <script src="{x_res}/common.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
    <script src="{x_res}/app/app.js"></script>
    <link rel="stylesheet" href="{x_res}/common.css" type="text/css">
    <link rel="stylesheet" href="{x_res}/app/app.css" type="text/css">

    <script src="{x_res_common}/vue/vue.js"></script>

    <link rel="stylesheet" href="{x_res_common}/bootstrap/css/bootstrap.min.css" type="text/css">
    <script src="{x_res_common}/bootstrap/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="{x_res_common}/mobiscroll/mobiscroll-2.13.2.full.min.css"
          type="text/css">
    <script src="{x_res_common}/mobiscroll/mobiscroll-2.13.2.full.min.js"></script>

    <script src="{x_res_common}/chart/chart.min.js"></script>
    <script src="{x_res_common}/chart/echarts.min.js"></script>

    <script src="{x_res_common}/_other/easypiechart.js"></script>
    <script src="{x_res_common}/bootstrap-daterangepicker/moment.min.js"></script>

    <script src="f__func.js"></script>
    <link rel="stylesheet" href="f__add.css" type="text/css">
    <script src="f__add.js"></script>
</head>
<body>
<!---->
<!---->
<!---->
<div class="container" id="vm">
    <div class="row" style="height: 10px;"></div>
    <div class="row">
        <div class="col-xs-6">
            <div class="btn btn-x date">{{ cash_date | date("YYYY-MM-DD") }}</div>
        </div>
        <div class="col-xs-4">
            <select class="form-control ab_type" v-model="ab_type">
                <option value="-">支出</option>
                <option value="+">收入</option>
            </select>
        </div>
    </div>
    <div class="row" style="height: 20px;"></div>
    <div class="row" style="height: 20px;"></div>
    <div class="row type">
    </div>
    <div class="row" style="height: 20px;"></div>
    <div class="row">
        <div class="accordion-group">
            <div class="form-group">
                <div class="col-xs-12">
                    <input type="text" type="number" id="compNum" v-model="num" class="form-control num" placeholder="输入金额"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-12">
                    <textarea id="compDesc" v-model="desc" class="form-control num" placeholder="输入备注(可空)"></textarea>
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-12">
                    <input type="button" class="form-control btn btn-success" value="完成"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-12">
                    <a class="form-control btn btn-info" href='index.html'>返回</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!---->
<!---->
<!---->
</body>
</html>

<script>
    var pub_id = func_get_url_param('id');
</script>

<script>
    var vm = new Vue({
        el: '#vm',
        data: {
            message: 'Hello Vue!',
            cash_date: new Date(),
            type: "",
            ab_type: "-",
            num: 0,
            desc: "",
        },
        methods: {
            func_click: function ()
            {
                //this.seen = !this.seen;
            },
        },
        filters: {
            date: function (val, type)
            {
                return moment(val).format(type);
            }
        }
    });


    func_page_init();
</script>